@charset "utf-8";
/* CSS Document */
html {
  font-size: 12px;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-appearance: none;
  -webkit-touch-callout: none;
}
body {
  background: #000;
  font-family: "Gotham Book", "SourceHanSansCN-Light", "Microsoft YaHei", "黑体",
    Airal, "SimHei", "Hiragino Sans GB W3", "Hiragino Sans GB",
    "WenQuanYi Micro Hei", sans-serif;
  -webkit-text-size-adjust: none;
  -webkit-overflow-scrolling:touch
}
a,
article,
aside,
audio,
b,
big,
body,
center,
caption,
cite,
code,
command,
datalist,
dd,
del,
details,
dfn,
dl,
div,
dt,
dd,
em,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
label,
li,
nav,
menu,
object,
ol,
output,
p,
q,
s,
section,
small,
span,
strong,
table,
tbody,
thead,
th,
tr,
ul {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
em,
b {
  font-weight: normal;
}
input,
button,
textarea {
  font-family: "Gotham Book", "SourceHanSansCN-Light";
  text-transform: Uppercase;
  padding: 0;
  background: none;
  outline: none;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  resize: none;
  width: 100%;
  height: 100%;
  font-size: 0.18rem;
  color: #666666;
}
::-webkit-input-placeholder {
  color: #fff;
}
em {
  font-style: normal;
}
ul,
ol,
li {
  list-style: none;
}
i {
  font-style: normal;
}
img {
  display: block;
  width: auto;
  height: 100%;
  border: 0;
}
html {
  font-size: 100px;
  margin: auto;
}
body {
  font-size: 0.2rem;
  text-transform: Uppercase;
  letter-spacing: 0.02rem;
  color: #fff;
}
a {
  text-decoration: none;
  color: #666666;
}

div[class*="s-width"] {
  margin: 0 auto;
  position: relative;
}
.s-width-872 {
  width: 8.72rem;
}
.main {
  height: 800rem;
}
.section {
  position: fixed;
  z-index: 100;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  /*-webkit-transform: translateY(20rem);*/
  /*transform: translateY(20rem);*/
  top: 20rem;
}
.section-1 .s-width-872 {
  height: 10.48rem;
  top: 50%;
  transform: translateY(-50%);
}
.section-1 .slogan1-1 {
  height: 0.42rem;
  margin-bottom: 0.27rem;
}
.section-1 .slogan1-2 {
  height: 0.17rem;
}
.section-1 .dec {
  position: absolute;
  left: 11rem;
  top: 4rem;
}
.section-1 .line-2 {
  text-align: right;
  margin-top: 0.84rem;
}
.section-1 a {
  display: inline-block;
  line-height: 0.5rem;
  vertical-align: middle;
  font-size: 0.18rem;
}
.section-1 a:hover {
  color: #415fff;
}

.media-img {
  position: relative;
}
.tx-transform {
  transform: translateY(2rem);
  opacity: 0;
  position: relative;
}
.section-2 .media-img {
  height: 100%;
}
.media-img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
.section-2 .media-img video {
  position: relative;
  width: 100%;
  height: auto;
  top: 50%;
  transform: translateY(-50%);
}
.section-1 .media-img {
  height: 100%;
}
.section-1 .media-img img {
  left: 0;
  width: 100%;
  height: auto;
  transform: translate(0, -50%);
}

div[id*="animation_canvas"] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*#animation_canvas{*/
/*margin-left: -1.6rem;*/
/*}*/
.mashed:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.exhibition {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(44, 40, 36, 0.9);
  z-index: 9999;
}
.exhibition .box {
  position: absolute;
  width: 5rem;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.exhibition img {
  width: 100%;
  height: auto;
}
.exhibition .exit {
  position: absolute;
  width: 0.36rem;
  height: 0.36rem;
  background: url(../images/cgb.png?v=0) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  top: 0.5rem;
  left: 0;
  right: 0;
  margin: auto;
  cursor: pointer;
}
